<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:p="http://primefaces.org/ui"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Laboratorio de redes</title>
    </h:head>
    <h:body>
        <h1 align="center">Laboratorio de redes</h1><br></br>
        <h:form id="form1">

            <h:panelGroup>
                <h:panelGrid columns="5" style="margin-left:40px;"> 
                    <p:outputPanel  styleClass="slot">
                        <h:commandLink  value="" action="#{equiposBean.mostrar(1)}">
                            <p:graphicImage  value="/Images/PC_P1_01.jpg" styleClass="playerImage" />
                        </h:commandLink>    
                    </p:outputPanel> 
                    <p:outputPanel  styleClass="slot">  
                        <h:commandLink  value="" action="#{equiposBean.mostrar(2)}">
                            <p:graphicImage  value="/Images/PC_P1_01.jpg" styleClass="playerImage" />
                        </h:commandLink>    
                    </p:outputPanel>
                    <p:outputPanel  styleClass="slot">  
                        <h:commandLink  value="" action="#{equiposBean.mostrar(3)}">
                            <p:graphicImage  value="/Images/PC_P1_01.jpg" styleClass="playerImage" />
                        </h:commandLink>    
                    </p:outputPanel>
                    <p:outputPanel  styleClass="slot">  
                        <h:commandLink  value="" action="#{equiposBean.mostrar(4)}">
                            <p:graphicImage  value="/Images/PC_P1_01.jpg" styleClass="playerImage" />
                        </h:commandLink>    
                    </p:outputPanel>
                    <p:outputPanel  styleClass="slot">  
                        <h:commandLink  value="" action="#{equiposBean.mostrar(5)}">
                            <p:graphicImage  value="/Images/PC_P1_01.jpg" styleClass="playerImage" />
                        </h:commandLink>    
                    </p:outputPanel>
                </h:panelGrid> 
                <h:panelGrid columns="1" style="margin-left:40px;"> 
                    <p:outputPanel  styleClass="slot">  
                        <h:commandLink  value="" action="#{equiposBean.mostrar(6)}">
                            <p:graphicImage  value="/Images/PC_P1_01.jpg" styleClass="playerImage" />
                        </h:commandLink>    
                    </p:outputPanel>

                </h:panelGrid> 
                <h:panelGrid columns="5" style="margin-left:40px;"> 
                    <p:outputPanel  styleClass="slot">  
                        <h:commandLink  value="" action="#{equiposBean.mostrar(7)}">
                            <p:graphicImage  value="/Images/PC_P1_01.jpg" styleClass="playerImage" />
                        </h:commandLink>    
                    </p:outputPanel> 
                    <p:outputPanel  styleClass="slot">  
                        <h:commandLink  value="" action="#{equiposBean.mostrar(8)}">
                            <p:graphicImage  value="/Images/PC_P1_01.jpg" styleClass="playerImage" />
                        </h:commandLink>    
                    </p:outputPanel>
                    <p:outputPanel  styleClass="slot">  
                        <h:commandLink  value="" action="#{equiposBean.mostrar(9)}">
                            <p:graphicImage  value="/Images/PC_P1_01.jpg" styleClass="playerImage" />
                        </h:commandLink>    
                    </p:outputPanel>
                    <p:outputPanel  styleClass="slot">  
                        <h:commandLink  value="" action="#{equiposBean.mostrar(10)}">
                            <p:graphicImage  value="/Images/PC_P1_01.jpg" styleClass="playerImage" />
                        </h:commandLink>    
                    </p:outputPanel>
                    <p:outputPanel  styleClass="slot">  
                        <h:commandLink  value="" action="#{equiposBean.mostrar(11)}">
                            <p:graphicImage  value="/Images/PC_P1_01.jpg" styleClass="playerImage" />
                        </h:commandLink>    
                    </p:outputPanel>
                </h:panelGrid>
            </h:panelGroup>
            <br></br><br></br><br></br><br></br>
            <p:dataTable id="tbl" value="#{equiposBean.modeloTabla}" var="equipo" paginator="true" rows="6">

                <p:column style="with: 10px">

                    <f:facet name="header">

                        <h:outputFormat value="No."/>

                    </f:facet>
                    <h:outputText value="#{equipo.idEquipo}"/>

                </p:column>
                
                <p:column style="with: 10px">

                    <f:facet name="header">

                        <h:outputFormat value="usuario"/>

                    </f:facet>
                    <h:outputText value="#{equipo.idusuario.nombreusuario}"/>

                </p:column>
                <p:column style="with: 10px">

                    <f:facet name="header">

                        <h:outputFormat value="ip"/>

                    </f:facet>
                    <h:outputText value="#{equipo.ip}"/>

                </p:column>

            </p:dataTable>
        </h:form>


    </h:body>
</html>

